var rootURL=getRootPath();
document.write("<script language='JavaScript' src='../FrontFrame/head.js'></script>")
var totalRecord,currentPage;
//1、页面加载完成以后，直接去发送ajax请求,要到分页数据
$(function(){
    //去首页
    to_page(1);
});
function to_page(pn) {
    $.ajax({
        url: rootURL + "selPeoples",
        data: "pn=" + pn,
        type: "POST",
        success: function (result) {
            //1、解析并显示员工数据
            build_people_table(result);
            //2、解析并显示分页信息
            build_page_info(result);
            //3、解析显示分页条数据
            build_page_nav(result);
        }
    });
}
function build_people_table(result){
    //清空table表格
    $("#people_table tbody").empty();
    var people = result.extend.pageInfo.list;
    $.each(people,function(index,item){
        // var checkBoxTd = $("<td><input type='checkbox' class='check_item'/></td>");
        // var idTd = $("<td></td>").append(item.id);
        var nameTd = $("<td></td>").append(item.name);
        var sexTd = $("<td></td>").append(item.sex=='1'?"男":"女");
        // var birthTd = $("<td></td>").append(item.birth);
        var cardidTd = $("<td></td>").append(item.card);
        // var inputTimeTd = $("<td></td>").append(formatDate(item.inputTime));
        var professionalTd = $("<td></td>").append(item.professional=='1'?"老师":"学生");
        // var gradeTd = $("<td></td>").append(item.grade+'年级');
        // if(item.professional=='1'){
        //     var classsTd = $("<td></td>").append(item.classs);
        // }else if(item.professional=='2'){
        //     var classsTd = $("<td></td>").append(item.classs+'班');
        // }

        var editBtn = $("<button></button>").addClass("btn btn-primary btn-sm edit_btn")
            .append($("<span></span>").addClass("glyphicon glyphicon-pencil")).append("编辑");
        //为编辑按钮添加一个自定义的属性，来表示当前人眼id
        editBtn.attr("edit-id",item.id);
        var delBtn =  $("<button></button>").addClass("btn btn-danger btn-sm delete_btn")
            .append($("<span></span>").addClass("glyphicon glyphicon-trash")).append("删除");
        //为删除按钮添加一个自定义的属性来表示当前删除的人员id
        delBtn.attr("del-id",item.id);
        var btnTd = $("<td></td>").append(editBtn).append(" ").append(delBtn);
        //var delBtn =
        //append方法执行完成以后还是返回原来的元素
        $("<tr></tr>")
        //.append(checkBoxTd)
            .append(idTd)
            .append(nameTd)
            .append(sexTd)
            .append(birthTd)
            // .append(photoTd)
            .append(inputTimeTd)
            .append(professionalTd)
            .append(gradeTd)
            .append(classsTd)
            .append(btnTd)
            .appendTo("#people_table tbody");
    });
}
//解析显示分页信息
function build_page_info(result){
    $("#page_info_area").empty();
    $("#page_info_area").append("当前"+result.extend.pageInfo.pageNum+"页,总"+
        result.extend.pageInfo.pages+"页,总"+
        result.extend.pageInfo.total+"条记录");
    totalRecord = result.extend.pageInfo.total;
    currentPage = result.extend.pageInfo.pageNum;
}
//解析显示分页条，点击分页要能去下一页....
function build_page_nav(result){
    //page_nav_area
    $("#page_nav_area").empty();
    var ul = $("<ul></ul>").addClass("pagination");

    //构建元素
    var firstPageLi = $("<li></li>").append($("<a></a>").append("首页").attr("href","#"));
    var prePageLi = $("<li></li>").append($("<a></a>").append("&laquo;"));
    if(result.extend.pageInfo.hasPreviousPage == false){
        firstPageLi.addClass("disabled");
        prePageLi.addClass("disabled");
    }else{
        //为元素添加点击翻页的事件
        firstPageLi.click(function(){
            to_page(1);
        });
        prePageLi.click(function(){
            to_page(result.extend.pageInfo.pageNum -1);
        });
    }
    var nextPageLi = $("<li></li>").append($("<a></a>").append("&raquo;"));
    var lastPageLi = $("<li></li>").append($("<a></a>").append("末页").attr("href","#"));
    if(result.extend.pageInfo.hasNextPage == false){
        nextPageLi.addClass("disabled");
        lastPageLi.addClass("disabled");
    }else{
        nextPageLi.click(function(){
            to_page(result.extend.pageInfo.pageNum +1);
        });
        lastPageLi.click(function(){
            to_page(result.extend.pageInfo.pages);
        });
    }
    //添加首页和前一页 的提示
    ul.append(firstPageLi).append(prePageLi);
    //1,2，3遍历给ul中添加页码提示
    $.each(result.extend.pageInfo.navigatepageNums,function(index,item){

        var numLi = $("<li></li>").append($("<a></a>").append(item));
        if(result.extend.pageInfo.pageNum == item){
            numLi.addClass("active");
        }
        numLi.click(function(){
            to_page(item);
        });
        ul.append(numLi);
    });
    //添加下一页和末页 的提示
    ul.append(nextPageLi).append(lastPageLi);

    //把ul加入到nav
    var navEle = $("<nav></nav>").append(ul);
    navEle.appendTo("#page_nav_area");
}
function reset_form(ele){
    $(ele)[0].reset();
    //清空表单样式
    $(ele).find("*").removeClass("has-error has-success");
    $(ele).find(".help-block").text("");
}

function exportExcel(){
    // var myurl="${context}/assetInLibrary/export";
    var myurl = rootURL + "peopleExport"; // 接收上传文件的后台地址
    var form=$("<form>");
    // var xhr = new XMLHttpRequest();
    // xhr.open("post", FileController, true);
    form.attr("style","display:none");
    form.attr("method","post");
    form.attr("action",myurl);
    $("body").append(form);
}

function RuturnLoginResult(){
    $("#upfrom").ajaxSubmit(function(result){
        alert("上传成功！");
    })
    return false;//这里必须要返回false，不然依然会跳转。
}

//校验
function add() {
    var file = document.getElementById("upfile").value;
    //var result =/\.[^\.]+/.exec(file);
    if (file != "") {
        var strTemp = file.split(".");
        var strCheck = strTemp[strTemp.length - 1];
        if (strCheck.toUpperCase() == 'XLS'||strCheck.toUpperCase() == 'XLSX') {
            UpladFile();
        } else {
            alert('上传文件类型不对！');
        }
    }else{
        alert("请选择文件");
    }

}
function UpladFile() {

    var fileObj = document.getElementById("upfile").files[0]; // 获取文件对象
    var FileController = rootURL + "peopleImport"; // 接收上传文件的后台地址

    // FormData 对象
    var form = new FormData();
    form.append("upfile", fileObj); // 文件对象
    // XMLHttpRequest 对象
    var xhr = new XMLHttpRequest();
    xhr.open("post", FileController, true);
    xhr.onload = function() {
        alert("上传完成!");
    };
    xhr.send(form);
}

//添加人员
$(function() {
    //点击添加按钮弹出模态框。
    $("#people_add_modal_btn").click(function () {
        //查询年级
        getGrade();
        //查询班级
        getClass('1');
        $("#peopleAddModal").modal({
            backdrop: "static"
        });
        var ii=$("#peopleUpdateModal input[name=professional]").val()

        if(ii==1){
            document.getElementById('class2Div').style.display = 'block';//显示
            document.getElementById('classDiv').style.display = 'none';//隐藏
        }
        $("#grade1").change(function () {
            var grade=$("#grade1 option:selected").text().charAt(0);

            getClass(grade);
        })
        $("#professional_add_input").click(function () {
            document.getElementById('class2Div').style.display = 'block';//显示
            document.getElementById('classDiv').style.display = 'none';//隐藏
        })
        $("#professional1_add_input").click(function () {
            document.getElementById('classDiv').style.display = 'block';//显示
            document.getElementById('class2Div').style.display = 'none';//隐藏
            var grade=$("#grade1 option:selected").text().charAt(0);
            getClass(grade);

        })
    });
    //查出所有的年级并显示在下拉列表中
    function getGrade(){
        //清空之前下拉列表的值
        // $("#grade1").empty();
        $.ajax({
            url:rootURL+"/selG",
            type:"GET",
            success:function(Grade){
                $("#grade1").empty();
                var grade = Grade.extend.grade;
                $.each(grade, function(index, item) {
                    $('<option value='+item.grade+'></option>').append(item.grade+'年级').appendTo("#grade1");
                });
            }
        });
    }
//查出所有的班级并显示在下拉列表中
    function getClass(grade){
        //清空之前下拉列表的值
        //$("#classs1").empty();
        //var grade=$("#grade1 option:selected").text().charAt(0);
        $.ajax({
            url:rootURL+"/selC",
            type:"GET",
            data:{grade:grade},
            success:function(Class){
                $("#classs1").empty();
                var cla = Class.extend.classs;
                $.each(cla, function(index, item) {
                    $('<option value='+item.classs+'></option>').append(item.classs+'班').appendTo("#classs1");
                });
            }
        });
    }
//点击保存。
    $("#people_save_btn").click(function(){
        var name = $("#name_add_input").val();
        var sex = $("#peopleAddModal input[name=sex]:checked").val();
        var birth = $("#birth_add_input").val();
        var professional = $("#peopleAddModal input[name=professional]:checked").val();
        var grade=$("#grade1 option:selected").text().charAt(0);
        if(professional==1){
            var classs = $("#classs2_add_input").val();
        }else if(professional==2){
            var classs = $("#classs1 option:selected").text().charAt(0);
        }
        //发送ajax请求保存员工
        /*$.ajax({
            url:rootURL+"/addPeople",
            type:"GET",
            data:{
                name:name,
                sex:sex,
                birth:birth,
                professional:professional,
                grade:grade,
                classs:classs
            },
            success:function(result){
                //关闭模态框
                $("#peopleAddModal").modal('hide');
                //来到最后一页，显示刚才保存的数据
                //发送ajax请求显示最后一页数据即可
                to_page(totalRecord);
                //清除表单数据（表单完整重置（表单的数据，表单的样式））
                reset_form("#peopleAddModal form");
            }
        });*/
        $("#addFrom").submit();
    });

})


//根绝id或者姓名查找
$(function () {
    $("#selPeopleBtn").click(function(){
        var patrn = /^[\u4e00-\u9fa5]{0,}$/;
        var name=$("#name").val();
        if(name==null||name==""){
            to_page(1);
        }
        else if (!patrn.exec(name)) {
            var id=$("#name").val();
            to_page1(1,id);
            $("#name").val("");
        } else {
            var name=$("#name").val();
            to_page2(1,name);
            $("#name").val("");
        }
    })
    //编辑模态框
    $(document).on("click",".edit_btn1",function(){
        reset_form("#peopleUpdateModal1 form");
        //查询年级
        getGrade();
        //查询班级
        getClass('2');
        //查出员工信息，显示员工信息
        getPeople($(this).attr("edit-id"));
        //把id传递给模态框的更新按钮
        $("#people_update_btn1").attr("edit-id",$(this).attr("edit-id"));
        $("#peopleUpdateModal1").modal({
            backdrop:"static"
        });
        function getPeople(id){
            $.ajax({
                url:rootURL+"/selectPeopleById",
                type:"GET",
                data:"id="+id,
                success:function(result){
                    var peopleData = result.extend.people;
                    $("#id_update_input1").val(peopleData.id);
                    $("#name_update_input1").val(peopleData.name);
                    $("#peopleUpdateModal1 input[name=sex]").val([peopleData.sex]);
                    $("#birth_update_input1").val(peopleData.birth);
                    $("#photo_update_input1").val(peopleData.photo);
                    $("#inputTime_update_input1").val(formatDate(peopleData.inputTime));
                    $("#peopleUpdateModal1 input[name=professional]").val([peopleData.professional]);
                    $("#grade_update_input1").val(peopleData.grade);
                    if(peopleData.professional=='1'){
                        $("#classs2_update_input1").val(peopleData.classs);
                    }else if(peopleData.professional=='2'){
                        $("#classs111").val(peopleData.classs);
                    }
                    $("#standby1_update_input1").val(peopleData.standby1);
                    var ii=peopleData.professional;
                    if(ii=='1'){
                        document.getElementById('class2Div1').style.display = 'block';//显示
                        document.getElementById('classDiv1').style.display = 'none';//隐藏
                    }else if(ii=='2'){
                        document.getElementById('classDiv1').style.display = 'block';//显示
                        document.getElementById('class2Div1').style.display = 'none';//隐藏
                    }
                    $("#professional_update_input1").click(function () {
                        document.getElementById('class2Div1').style.display = 'block';//显示
                        document.getElementById('classDiv1').style.display = 'none';//隐藏
                        var grade=$("#grade_update_input1 option:selected").text().charAt(0);
                        getClass(grade);
                    })
                    $("#professional1_update_input1").click(function () {
                        document.getElementById('classDiv1').style.display = 'block';//显示
                        document.getElementById('class2Div1').style.display = 'none';//隐藏
                        var grade=$("#grade_update_input1 option:selected").text().charAt(0);
                        getClass(grade);
                    })
                    $("#grade_update_input1").change(function () {
                        var grade=$("#grade_update_input1 option:selected").text().charAt(0);
                        getClass(grade);
                    })
                }
            });
        }
        //查出所有的年级并显示在下拉列表中
        function getGrade(){
            //清空之前下拉列表的值
            // $("#grade_update_input1").empty();
            $.ajax({
                url:rootURL+"/selG",
                type:"GET",
                success:function(Grade) {
                    $("#grade_update_input1").empty();
                    var grade = Grade.extend.grade;
                    $.each(grade, function (index, item) {
                        $('<option value=' + item.grade + '></option>').append(item.grade + '年级').appendTo("#grade_update_input1");
                    });
                }
            });
        }
//查出所有的班级并显示在下拉列表中
        function getClass(grade){
            //清空之前下拉列表的值
            //  $("#classs111").empty();
            //var grade=$("#grade_update_input1 option:selected").text().charAt(0);
            $.ajax({
                url:rootURL+"/selC",
                type:"GET",
                data:{grade:grade},
                success:function(Class) {
                    $("#classs111").empty();
                    var cla = Class.extend.classs;
                    $.each(cla, function (index, item) {
                        $('<option value=' + item.classs + '></option>').append(item.classs + '班').appendTo("#classs111");
                    });
                }
            });

        }
    });

    $("#people_update_btn1").click(function(){

        var id=$("#id_update_input1").val();
        var name=$("#name_update_input1").val();
        var sex=$("#peopleUpdateModal1 input[name=sex]:checked").val();
        var birth=$("#birth_update_input1").val();
        var photo=$("#photo_update_input1").val();
        var inputTime=formatDate($("#inputTime_update_input1").val());
        // var inputTime=formatDate(tTime);
        var professional=$("#peopleUpdateModal1 input[name=professional]:checked").val();
        var grade=$("#grade_update_input1 option:selected").text().charAt(0);
        if(professional=='1'){
            var classs = $("#classs2_update_input1").val();
        }else if(professional=='2'){
            var classs = $("#classs111 option:selected").text().charAt(0);
        }
        var standby1= $("#standby1_update_input1").val();
        // ajax请求保存更新的人员数据
        $.ajax({
            url:rootURL+"/updatePeople",
            type:"GET",
            //  data:"id="+id,
            data: {
                id: id,
                name: name,
                sex: sex,
                birth: birth,
                photo:photo,
                inputTime:inputTime,
                professional: professional,
                grade: grade,
                classs: classs,
                standby1:standby1

            },
            success:function(result){
                //1、关闭对话框
                $("#peopleUpdateModal1").modal("hide");
                //2、回到本页面
                to_page1(currentPage,id);
            }
        });
    })
//
    $(document).on("click",".edit_btn2",function(){
        reset_form("#peopleUpdateModal2 form");
        //查询年级
        getGrade();
        //查询班级
        getClass('2');
        //查出员工信息，显示员工信息
        getPeople($(this).attr("edit-id"));
        //把id传递给模态框的更新按钮
        $("#people_update_btn2").attr("edit-id",$(this).attr("edit-id"));
        $("#peopleUpdateModal2").modal({
            backdrop:"static"
        });
    });
    function getPeople(id){
        $.ajax({
            url:rootURL+"/selectPeopleById",
            type:"GET",
            data:"id="+id,
            success:function(result){
                var peopleData = result.extend.people;
                $("#id_update_input2").val(peopleData.id);
                $("#name_update_input2").val(peopleData.name);
                $("#peopleUpdateModal2 input[name=sex]").val([peopleData.sex]);
                $("#birth_update_input2").val(peopleData.birth);
                $("#photo_update_input2").val(peopleData.photo);
                $("#inputTime_update_input2").val(formatDate(peopleData.inputTime));
                $("#peopleUpdateModal2 input[name=professional]").val([peopleData.professional]);
                $("#grade_update_input2").val(peopleData.grade);
                // $("#class_update_input2").val(peopleData.classs);
                if(peopleData.professional=='1'){
                    $("#classs2_update_input2").val(peopleData.classs);
                }else if(peopleData.professional=='2'){
                    $("#classs112").val(peopleData.classs);
                }
                $("#standby1_update_input2").val(peopleData.standby1);
                var ii=peopleData.professional;
                if(ii=='1'){
                    document.getElementById('class2Div2').style.display = 'block';//显示
                    document.getElementById('classDiv2').style.display = 'none';//隐藏
                }else if(ii=='2'){
                    document.getElementById('classDiv2').style.display = 'block';//显示
                    document.getElementById('class2Div2').style.display = 'none';//隐藏
                    var grade=$("#grade_update_input2 option:selected").text().charAt(0);
                    getClass(grade);
                }
                $("#professional_update_input2").click(function () {
                    document.getElementById('class2Div2').style.display = 'block';//显示
                    document.getElementById('classDiv2').style.display = 'none';//隐藏
                })
                $("#professional1_update_input2").click(function () {
                    document.getElementById('classDiv2').style.display = 'block';//显示
                    document.getElementById('class2Div2').style.display = 'none';//隐藏
                     var grade=$("#grade_update_input2 option:selected").text().charAt(0);
                     getClass(grade);
                })
                $("#grade_update_input2").change(function () {
                    var grade=$("#grade_update_input2 option:selected").text().charAt(0);
                    getClass(grade);
                })
            }
        });
    }
//查出所有的年级并显示在下拉列表中
    function getGrade(){
        //清空之前下拉列表的值
        // $("#grade_update_input2").empty();
        $.ajax({
            url:rootURL+"/selG",
            type:"GET",
            success:function(Grade){
                $("#grade_update_input2").empty();
                var grade = Grade.extend.grade;
                $.each(grade, function(index, item) {
                    $('<option value='+item.grade+'></option>').append(item.grade+'年级').appendTo("#grade_update_input2");
                });
            }
        });
    }
//查出所有的班级并显示在下拉列表中
    function getClass(grade){
        $.ajax({
            url:rootURL+"/selC",
            type:"GET",
            data:{grade:grade},
            success:function(Class){
                $("#classs112").empty();
                var cla = Class.extend.classs;
                $.each(cla, function(index, item) {
                    $('<option value='+item.classs+'></option>').append(item.classs+'班').appendTo("#classs112");
                });
            }
        });
    }
    $("#people_update_btn2").click(function(){

        var id=$("#id_update_input2").val();
        var name=$("#name_update_input2").val();
        var sex=$("#peopleUpdateModal2 input[name=sex]:checked").val();
        var birth=$("#birth_update_input2").val();
        var photo=$("#photo_update_input2").val();
        var inputTime=formatDate($("#inputTime_update_input2").val());
        // var inputTime=formatDate(tTime);
        var professional=$("#peopleUpdateModal2 input[name=professional]:checked").val();
        var grade=$("#grade_update_input2").val().charAt(0);
        if(professional=='1'){
            var classs = $("#classs2_update_input2").val();
        }else if(professional=='2'){
            var classs = $("#classs112 option:selected").text().charAt(0);
        }
        var standby1= $("#standby1_update_input2").val();
        // ajax请求保存更新的人员数据
        $.ajax({
            url:rootURL+"/updatePeople",
            type:"GET",
            //  data:"id="+id,
            data: {
                id: id,
                name: name,
                sex: sex,
                birth: birth,
                photo:photo,
                inputTime:inputTime,
                professional: professional,
                grade: grade,
                classs: classs,
                standby1:standby1

            },
            success:function(result){
                //1、关闭对话框
                $("#peopleUpdateModal2").modal("hide");
                //2、回到本页面
                to_page2(currentPage,name);
            }
        });

    })

})
function to_page1(pn,id){

    $.ajax({
        url : rootURL+"/selectPeopleById1",
        data:{
            pn:pn,
            id:id
        },
        type : "POST",
        async:true,
        success : function(result) {

            // 1、解析并显示数据
            //1、解析并显示员工数据
            build_people1_table(result);
            //2、解析并显示分页信息
            build_page1_info(result);
            //3、解析显示分页条数据
            build_page1_nav(result);

        }
    });
}
function build_people1_table(result){
    //清空table表格
    $("#people_table tbody").empty();
    var people = result.extend.pageInfo.list;
    $.each(people,function(index,item){
        // var checkBoxTd = $("<td><input type='checkbox' class='check_item'/></td>");
        var idTd = $("<td></td>").append(item.id);
        var nameTd = $("<td></td>").append(item.name);
        var sexTd = $("<td></td>").append(item.sex=='1'?"男":"女");
        var birthTd = $("<td></td>").append(item.birth);
        // var photoTd = $("<td></td>").append(item.photo);
        var inputTimeTd = $("<td></td>").append(formatDate(item.inputTime));
        var professionalTd = $("<td></td>").append(item.professional=='1'?"老师":"学生");
        var gradeTd = $("<td></td>").append(item.grade+'年级');
        if(item.professional=='1'){
            var classsTd = $("<td></td>").append(item.classs);
        }else if(item.professional=='2'){
            var classsTd = $("<td></td>").append(item.classs+'班');
        }
        var editBtn = $("<button></button>").addClass("btn btn-primary btn-sm edit_btn1")
            .append($("<span></span>").addClass("glyphicon glyphicon-pencil")).append("编辑");
        //为编辑按钮添加一个自定义的属性，来表示当前人眼id
        editBtn.attr("edit-id",item.id);
        var delBtn =  $("<button></button>").addClass("btn btn-danger btn-sm delete_btn1")
            .append($("<span></span>").addClass("glyphicon glyphicon-trash")).append("删除");
        //为删除按钮添加一个自定义的属性来表示当前删除的人员id
        delBtn.attr("del-id",item.id);
        var btnTd = $("<td></td>").append(editBtn).append(" ").append(delBtn);
        //var delBtn =
        //append方法执行完成以后还是返回原来的元素
        $("<tr></tr>")
        //.append(checkBoxTd)
            .append(idTd)
            .append(nameTd)
            .append(sexTd)
            .append(birthTd)
            // .append(photoTd)
            .append(inputTimeTd)
            .append(professionalTd)
            .append(gradeTd)
            .append(classsTd)
            .append(btnTd)
            .appendTo("#people_table tbody");
    });
}
//解析显示分页信息
function build_page1_info(result){
    $("#page_info_area").empty();
    $("#page_info_area").append("当前"+result.extend.pageInfo.pageNum+"页,总"+
        result.extend.pageInfo.pages+"页,总"+
        result.extend.pageInfo.total+"条记录");
    totalRecord = result.extend.pageInfo.total;
    currentPage = result.extend.pageInfo.pageNum;
}
//解析显示分页条，点击分页要能去下一页....
function build_page1_nav(result){
    //page_nav_area
    $("#page_nav_area").empty();
    var ul = $("<ul></ul>").addClass("pagination");

    //构建元素
    var firstPageLi = $("<li></li>").append($("<a></a>").append("首页").attr("href","#"));
    var prePageLi = $("<li></li>").append($("<a></a>").append("&laquo;"));
    if(result.extend.pageInfo.hasPreviousPage == false){
        firstPageLi.addClass("disabled");
        prePageLi.addClass("disabled");
    }else{
        //为元素添加点击翻页的事件
        firstPageLi.click(function(){
            to_page1(1);
        });
        prePageLi.click(function(){
            to_page1(result.extend.pageInfo.pageNum -1);
        });
    }
    var nextPageLi = $("<li></li>").append($("<a></a>").append("&raquo;"));
    var lastPageLi = $("<li></li>").append($("<a></a>").append("末页").attr("href","#"));
    if(result.extend.pageInfo.hasNextPage == false){
        nextPageLi.addClass("disabled");
        lastPageLi.addClass("disabled");
    }else{
        nextPageLi.click(function(){
            to_page1(result.extend.pageInfo.pageNum +1);
        });
        lastPageLi.click(function(){
            to_page1(result.extend.pageInfo.pages);
        });
    }
    //添加首页和前一页 的提示
    ul.append(firstPageLi).append(prePageLi);
    //1,2，3遍历给ul中添加页码提示
    $.each(result.extend.pageInfo.navigatepageNums,function(index,item){
        var numLi = $("<li></li>").append($("<a></a>").append(item));
        if(result.extend.pageInfo.pageNum == item){
            numLi.addClass("active");
        }
        numLi.click(function(){
            to_page1(item);
        });
        ul.append(numLi);
    });
    //添加下一页和末页 的提示
    ul.append(nextPageLi).append(lastPageLi);
    //把ul加入到nav
    var navEle = $("<nav></nav>").append(ul);
    navEle.appendTo("#page_nav_area");
}
function to_page2(pn,name){
    // var name=$("#name").val();
    $.ajax({
        url : rootURL+"/selectPeopleByName",
        data:{
            pn:pn,
            name:name
        },
        type : "POST",
        async:true,
        success : function(result) {
            //1、解析并显示员工数据
            build_people2_table(result);
            //2、解析并显示分页信息
            build_page2_info(result);
            //3、解析显示分页条数据
            build_page2_nav(result);

        }
    });
}

function build_people2_table(result){
    //清空table表格
    $("#people_table tbody").empty();
    var people = result.extend.pageInfo.list;
    $.each(people,function(index,item){
        // var checkBoxTd = $("<td><input type='checkbox' class='check_item'/></td>");
        var idTd = $("<td></td>").append(item.id);
        var nameTd = $("<td></td>").append(item.name);
        var sexTd = $("<td></td>").append(item.sex=='1'?"男":"女");
        var birthTd = $("<td></td>").append(item.birth);
        // var photoTd = $("<td></td>").append(item.photo);
        var inputTimeTd = $("<td></td>").append(formatDate(item.inputTime));
        var professionalTd = $("<td></td>").append(item.professional=='1'?"老师":"学生");
        var gradeTd = $("<td></td>").append(item.grade+'年级');
        if(item.professional=='1'){
            var classsTd = $("<td></td>").append(item.classs);
        }else if(item.professional=='2'){
            var classsTd = $("<td></td>").append(item.classs+'班');
        }
        var editBtn = $("<button></button>").addClass("btn btn-primary btn-sm edit_btn2")
            .append($("<span></span>").addClass("glyphicon glyphicon-pencil")).append("编辑");
        //为编辑按钮添加一个自定义的属性，来表示当前人眼id
        editBtn.attr("edit-id",item.id);
        var delBtn =  $("<button></button>").addClass("btn btn-danger btn-sm delete_btn2")
            .append($("<span></span>").addClass("glyphicon glyphicon-trash")).append("删除");
        //为删除按钮添加一个自定义的属性来表示当前删除的人员id
        delBtn.attr("del-id",item.id);
        var btnTd = $("<td></td>").append(editBtn).append(" ").append(delBtn);
        //var delBtn =
        //append方法执行完成以后还是返回原来的元素
        $("<tr></tr>")
        //.append(checkBoxTd)
            .append(idTd)
            .append(nameTd)
            .append(sexTd)
            .append(birthTd)
            // .append(photoTd)
            .append(inputTimeTd)
            .append(professionalTd)
            .append(gradeTd)
            .append(classsTd)
            .append(btnTd)
            .appendTo("#people_table tbody");
    });
}
//解析显示分页信息
function build_page2_info(result){
    $("#page_info_area").empty();
    $("#page_info_area").append("当前"+result.extend.pageInfo.pageNum+"页,总"+
        result.extend.pageInfo.pages+"页,总"+
        result.extend.pageInfo.total+"条记录");
    totalRecord = result.extend.pageInfo.total;
    currentPage = result.extend.pageInfo.pageNum;
}
//解析显示分页条，点击分页要能去下一页....
function build_page2_nav(result){
    //page_nav_area
    $("#page_nav_area").empty();
    var ul = $("<ul></ul>").addClass("pagination");

    //构建元素
    var firstPageLi = $("<li></li>").append($("<a></a>").append("首页").attr("href","#"));
    var prePageLi = $("<li></li>").append($("<a></a>").append("&laquo;"));
    if(result.extend.pageInfo.hasPreviousPage == false){
        firstPageLi.addClass("disabled");
        prePageLi.addClass("disabled");
    }else{
        //为元素添加点击翻页的事件
        firstPageLi.click(function(){
            to_page2(1);
        });
        prePageLi.click(function(){
            to_page2(result.extend.pageInfo.pageNum -1);
        });
    }
    var nextPageLi = $("<li></li>").append($("<a></a>").append("&raquo;"));
    var lastPageLi = $("<li></li>").append($("<a></a>").append("末页").attr("href","#"));
    if(result.extend.pageInfo.hasNextPage == false){
        nextPageLi.addClass("disabled");
        lastPageLi.addClass("disabled");
    }else{
        nextPageLi.click(function(){
            to_page2(result.extend.pageInfo.pageNum +1);
        });
        lastPageLi.click(function(){
            to_page2(result.extend.pageInfo.pages);
        });
    }
    //添加首页和前一页 的提示
    ul.append(firstPageLi).append(prePageLi);
    //1,2，3遍历给ul中添加页码提示
    $.each(result.extend.pageInfo.navigatepageNums,function(index,item){

        var numLi = $("<li></li>").append($("<a></a>").append(item));
        if(result.extend.pageInfo.pageNum == item){
            numLi.addClass("active");
        }
        numLi.click(function(){
            to_page2(item);
        });
        ul.append(numLi);
    });
    //添加下一页和末页 的提示
    ul.append(nextPageLi).append(lastPageLi);

    //把ul加入到nav
    var navEle = $("<nav></nav>").append(ul);
    navEle.appendTo("#page_nav_area");
}

//单个删除
$(document).on("click",".delete_btn1",function(){
    //1、弹出是否确认删除对话框
    var name = $(this).parents("tr").find("td:eq(1)").text();
    var id = $(this).attr("del-id");
    if(confirm("确认删除【"+name+"】吗？")){
        //确认，发送ajax请求删除即可
        $.ajax({
            url:rootURL+"/deletePeople",
            type:"GET",
            data:"id="+id,
            success:function(result){
                //回到本页
                to_page1(currentPage);
            }
        });
    }
})

//单个删除
$(document).on("click",".delete_btn2",function(){
    //1、弹出是否确认删除对话框
    var name = $(this).parents("tr").find("td:eq(1)").text();
    var id = $(this).attr("del-id");
    if(confirm("确认删除【"+name+"】吗？")){
        //确认，发送ajax请求删除即可
        $.ajax({
            url:rootURL+"/deletePeople",
            type:"GET",
            data:"id="+id,
            success:function(result){
                //回到本页
                to_page2(currentPage,name);
            }
        });
    }
})